<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>{$site_info.site_seo_title|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/fly/css/global.css">
</head>
<body>
    {include file='common/header' /}
    <div class="layui-container fly-marginTop">
        <div class="fly-panel fly-panel-user" pad20>
            <div class="layui-tab layui-tab-brief" lay-filter="user">
                <ul class="layui-tab-title">
                    <li><a href="/login">登录</a></li>
                    <li class="layui-this">注册</li>
                </ul>
                <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form layui-form-pane">
                            <form class="layui-form" method="POST" action="register">
                                <input type="hidden" name="__token__" value="{:token()}" />
                                <div class="layui-form-item">
                                    <label for="L_phone" class="layui-form-label">邮箱</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="L_phone" name="email" required lay-verify="email" autocomplete="off" class="layui-input" value="" autofocus>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label for="L_imagecode" class="layui-form-label">图形码</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="L_imagecode" name="captcha" required="" lay-verify="required" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-form-mid" style="padding: 0!important;">
                                        <img src="/verify" class="fly-imagecode" style="width: 150px;height: 40px;">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label for="L_vercode" class="layui-form-label">验证码</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="L_vercode" name="code" required="" lay-verify="required" placeholder="请输入邮箱验证码" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-form-mid" style="padding: 0!important;">
                                        <button type="button" class="layui-btn layui-btn-primary layui-border-green" id="FLY-getvercode">获取验证码</button>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label for="L_username" class="layui-form-label">昵称</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="L_username" required lay-verify="required" autocomplete="off" class="layui-input" name="username" value="" required autocomplete="email">
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label for="password" class="layui-form-label">密码</label>
                                    <div class="layui-input-inline">
                                        <input type="password" id="password" name="password" required lay-verify="required" class="layui-input" autocomplete="new-password">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                                </div>
                                <div class="layui-form-item">
                                    <label for="password-confirm" class="layui-form-label">确认密码</label>
                                    <div class="layui-input-inline">
                                        <input type="password" id="password-confirm" name="password_confirm" required autocomplete="new-password" lay-verify="required" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
                                    <input type="checkbox" name="accept" lay-skin="primary" title="" checked="">
                                    <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
                                        <i class="layui-icon layui-icon-ok"></i>
                                    </div>
                                    <a href="" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
                                </div>
                                <div class="layui-form-item">
                                    <button class="layui-btn" lay-filter="*" lay-submit>立即注册</button>
                                </div>
                                <!--
                                <div class="layui-form-item fly-form-app">
                                    <span>或者直接使用社交账号快捷注册</span>
                                    <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
                                    <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
                                </div>
                                -->
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {include file='user/footer' /}
</body>
</html>
